import React from 'react';
import styles from './index.less';
export function Loading3D() {
  return (
    <div className={styles.container}>
      <div className={styles.load}>
        <div className={styles.loading}>loading</div>
        <div className={styles.spinner}>
          <div className={`${styles.bounce} ${styles.bounce1}`}></div>
          <div className={`${styles.bounce} ${styles.bounce2}`}></div>
          <div className={`${styles.bounce} ${styles.bounce3}`}></div>
        </div>
      </div>
      <div className={styles.row}>
        <div className={styles.loader}>
          <div className={styles.box}>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>
          <div className={styles.box}>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>
          <div className={styles.box}>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>
          <div className={styles.box}>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>
        </div>
      </div>
    </div>
  );
}
